import QueryPanel from '../../elastic/QueryPanel';
import styles from './index.module.sass';


interface Props {
    /**配置查询表单的数组项 */
    inputs: any[][]

    /**点击查询按钮的回调 */
    onSubmit?: Function

    /**点击重置按钮的回调 */
    onReset?: Function

    /**查询表单要装填的数据，设置查询表单的初始值 */
    queryData?: any

    /**字段更新时触发回调事件 */
    onValuesChange?: Function
}

const QueryInterface: React.FC<Props> = ({
    inputs,
    onSubmit,
    onReset,
    queryData,
    onValuesChange
}) => {
    console.debug('QueryInterface', inputs);

    return (
        <article className={styles.wrapper}>
            <QueryPanel
                inputs={inputs}
                onSubmit={onSubmit}
                onReset={onReset}
                queryData={queryData}
                onValuesChange={onValuesChange}
            />
        </article>
    );
}

export default QueryInterface;